<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>about us</title>
		<link rel="stylesheet" href="css/aboutus.css">
		<link rel="stylesheet" href="css/head.css">
		<link rel="stylesheet" type="text/css" href="css/foot.css"/>
</head>
<body>
    <div id="box">
			<!--top-->
		 <div class="head">
		 	<div class="head-top ">
		 		<div class="head-top-inside ">
		 			<div class="head-top-inside-left">
		 				<div><img src="img/f.png" alt=""></div>
		 				<div><img src="img/n.png" alt=""></div>
		 				<div><img src="img/g.png" alt=""></div>
		 				<div><img src="img/q.png" alt=""></div>
		 				<div><img src="img/x.png" alt=""></div>
		 			</div>
		 			<div class="head-top-right">
		 				<div class="right-email">
		 					<img src="img/y.png" alt="">
		 					<span>Conterust@gmail.com</span>
		 				</div>
		 				<div class="phone">
		 					<img src="img/d.png" alt="">
		 					<span>80 88888 7</span>
		 				</div>
		 			</div>
		 		</div>
		 	</div>
		 
		 	<div class="head-middle">
		 		<div class="head-middle-cont">
		 			<div class="head-middle-cont-left">
		 				<span>z <a>Vossen</a></span>
		 				<p>Travel and headrs</p>
		 			</div>
		 			<div class="head-middle-cont-right">
		 				<ul>
		 					<li><a href="index.html">HOME</a></li>
		 					<li><a href="blog.html">BLOG</a></li>
		 					<li><a href="aboutus.html"><p>ABOUT US</p></a></li>
		 					<li><a href="contact.html">CONTUACT</a></li>
		 				</ul>
		 			</div>
		 		</div>
		 	</div>
		 	<div class="head-bottom">
		 		<div class="head-small-cont">
		 			<div class="head-small-conts">
		 				<div class="top-font">SEE THE WOR1D DIFFERENTLY</div>
		 				<div style="color: white;font-size: 22PX;text-align: center;">request，desing and book rtavel
		 					experiences as unique
		 					as right are</div>
		 				<div class="frame">
		 					<input type="text" placeholder="Where areright gonging" />
		 					<button><img src="img/s.png" alt="">search</button>
		 				</div>
		 				<div class="cont0">
		 					Top
		 					DESTINATION:&nbsp; PARLS
		 					&nbsp; NEW YORK &nbsp; LONDON &nbsp; ROME &nbsp; SAN FRANCON &nbsp; MORE...</div>
		 			</div>
		 		</div>
		 	</div>
		 </div>
			<!--center-->
			<div class="center">
				<div class="center-content flex">
					<div class="center-left ">
						<div class="left-top">
							<h1>Sharing Your Explorer’s Story: Man and Mother Nature</h1>
              <p class="data">By <span class="data_span">Danny</span> on April 14, 2015</p>
							<img src="img/boat.png" style="width: 100%;height: 450px;"/>
							<p class="line">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim idest laborum exercitation ullamco laboris nisi ut aliquip.</p>
							<p class="pp">Lorem ipsum dolor sit amet, consetetur sadipscing elitr， sed diam nonumy eirmod temporinvidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.At vero eos et accusam etjusto duo dolores et ea rebum. Consetetur sadipscing elitr,sed diam nonumy eirmod temporinvidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam etjusto duo dolores et ea rebum.
</p>
              <div class="greenbox">
								Stet clita kasd gubergren,no sea takimata sanctus est Lorem ipsum dolor sit ametvultatup duista.
							</div>
							<p class="pp">Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,vel illumdolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blanditpraesent luptatum zzril.</p>
							<h2>Heading 1</h2>
							<p class="pp">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl utaliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velitesse lorem ipsum dolor sit amet.
</p>
              <h2>Heading 2</h2>
							<p class="pp">Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illumdolore eu feugiat nulla facilisis. At vero eos et accusam et justo.</p>
							<h2>Heading 3</h2>
							<p class="pp">Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magnaaliquyam erat,sed diam voluptua.At vero eos et accusam et justo duo dolores et ea rebumhendrerit in vulputate velit esse molestie.</p>
              <p class="pp">Lorem ipsum dolor sit amet,consetetur sadipscing elitr， sed diam nonumy eirmod temporinvidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.At vero eos et accusam etjusto duo dolores et ea rebum.</p>
							<p class="ff">Stet clita kasd gubergren，no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
							<p class="pp">Lorem ipsum dolor sit amet， consetetur sadipscing elitr, sed diam nonumy eirmod temporinvidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.At vero eos et accusam etjusto duo dolores et ea rebum. Stet clita kasd gubergren，no sea takimata sanctus est Loremipsum dolor sit amet.</p>
							<ul type="circle">
								<li><div class="circle"></div>Lorem ipsum</li>
								<li><div class="circle"></div>Sit amet vultatup nonumy</li>
								<li><div class="circle"></div>Duista sed diam</li>
							</ul>
							<p class="pp">Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illumdolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blanditpraesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sitamet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet doloremagna aliquam erat volutpat.</p>
							<p class="pp">Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magnaaliquyam erat, sed diam voluptua.At vero eos et accusam et justo duo dolores.</p>
						</div>
						<div class="left-bottom">
							<h2>Related Post<div class="liner"></div></h2>						
							<div class="post-content flex">
								<div>
									<img  src="img/door.png" />
									<p class="post-p">Consetetur sadipscing elitr nonumy</p>
								</div>
								<div>
									<img  src="img/door.png" />
									<p class="post-p">Consetetur sadipscing elitr nonumy</p>
								</div>
								<div>
									<img  src="img/door.png" />
									<p class="post-p">Consetetur sadipscing elitr nonumy</p>
								</div>
							</div>
						</div>
					</div>
					<div class="center-right ">
						<div class="right-img">
							<img src="img/about.png"/>
						</div>
						<div class="tags">
							<h2>Tags</h2>
							<div class="small-box">
							 <p>animals , cooking , countrieshome , likes , photo , travel ,video</p>
							 </div>
						</div>
						<div class="news">
							<h2>TRENDING NEWS</h2>
							<div class="small-box">
							<div class="news-small flex">
								<img src="img/home1.png" />
								<p>An Cozy CoffeeShop ln The CentreOf The city</p>
							</div>
							<div class="news-small flex">
								<img src="img/home1.png" />
								<p>An Cozy CoffeeShop ln The CentreOf The city</p>
							</div>
							<div class="news-small flex">
								<img src="img/home1.png" />
								<p>An Cozy CoffeeShop ln The CentreOf The city</p>
							</div>
							<div class="news-small flex">
								<img src="img/home1.png" />
								<p>An Cozy CoffeeShop ln The CentreOf The city</p>
							</div>
							</div>
						</div>
						<div class="archives">
							<h2>Archives</h2>
							<div class="small-box">
								<select>
							   			<option>Select Month</option>
							   			<option>1</option>
							   			<option>2</option>
							   			<option>3</option>
							   			<option>4</option>
							  </select>
							</div>
						</div>
						<div class="gallery">
							<h2>Gallery</h2>
							<div class="small-box">
							<div class="gallery-img flex">
								<img  src="img/boat.png"/>
								<img  src="img/boat.png"/>
								<img  src="img/boat.png"/>
								<img  src="img/boat.png"/>
								<img  src="img/boat.png"/>
								<img  src="img/boat.png"/>
								<img  src="img/boat.png"/>
								<img  src="img/boat.png"/>
								<img  src="img/boat.png"/>
								<img  src="img/boat.png"/>
								<img  src="img/boat.png"/>
								<img  src="img/boat.png"/>
							</div>
							</div>
						</div>
						<div class="meta">
							<h2>Meta</h2>
							<div class="small-box">
							<div class="meta-content">
								<div class="may">
									> May 2022
								</div>
								<div class="may">
									> May 2022
								</div>
								<div class="may">
									> May 2022
								</div>
								<div class="may">
									> May 2022
								</div>
							</div>
						</div>
						</div>
					</div>
				</div>
			</div>
			 <!--bottom-->	
		  <div class="foot">
			  <div class="footer">
				  <div class="left">
					  <div class="head-middle-cont-left">
						  <span>
							  <l style="color: white;">z </l><a>Vossen</a>
						  </span>
						  <p style="color: white;">Travel and headrs</p>
					  </div>
					<div class="font">
						<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque quod maxime
							placeat cum soluta nobis facere possimus nihil impedit quo minus id quod maxime placeat
							facere
							possimus. est eligendi optio cumque</p>
						facere possimus nihil impedit quo minus id quod maxime placeat facere possimus.
					</div>
				  </div>
				  <div class="middle">
					<div class="middle-font">
						News Letter
					</div>
				  <p>facere possimus nihil impedit quo minus id quod maxime placeat facere possimus. est eligendi</p>
					<input type="text" placeholder="Enter rightr email address">		
					<div class="subcribe">SUBCRIBE NOW</div>
				</div>
				<div class="right">
					<div class="middle-font">
						Flickr Wid git
		
					</div>
					<div class="three-img">
						<img src="img/about.png" alt="">
						<img src="img/boat.png" alt="">
						<img src="img/home1.png" alt="">
						<img src="img/boat.png" alt="">
					</div>
				  </div>		
			</div>
			<div class="foote">
				<div class="foote1">
					Copyright 2015.conpaany name All rights reserved.氢设计
				</div>
			</div>
		</div>
</body>
</html>